<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: dashed;
        }
        .top{
            height: 100px;
            background-color: rgb(252, 252, 252);
        }
        .logo{
            width: 1100px;
            height: 50px;
            background-color: rgb(255, 255, 255);
            margin: auto;
            display: flex;
            justify-content: space-between;
            padding: 15px 0;
        }
        .nav{
            height: 54px;
            background: url(images/nav_bg.png) repeat;
        }
        .nav ul{
            margin: auto;
            display: flex;
            width: 1100px;
            height: 54px;
            text-align: center;
            line-height: 50px;
        }
        .nav ul li a{
            width: 150px;
            height: 54px;
            display:inline-block;
            color: black;
            font-weight: 700;
            font-size: 14px;
            background: url(images/nav_border.png) no-repeat right;
            overflow: hidden;
        }
        .img1{
            width: 985px;
            height: 650px;
            background-color: #ffffff;
            margin: auto;
        }
        .d1{
            width: 985px;
            margin: auto;
            display: flex;
            justify-content: space-between;
        }
        .new{
            width: 985px;
            height: 330px;
            background-color: #ffffff;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            margin: auto;
        }
        .new>div{
            height: 330px;
            border:1px solid grey;
            padding: 10px;
        }
        .new .n2 a{
            font-size: 14px;
            font-weight: 700;
        }
        .new .t{
            color: rgb(144, 190, 50);
            font-weight: 700;
            font-size: 14px;
            background: url(images/jiantou.png) no-repeat left;
            padding-left: 15px;
        }
        .new .n1{
            height: 230px;
            width: 280px;
            background-color: #ffffff;
        }
        .n2>div{
            display: flex;
            justify-content: space-between;
        }
        .n2 .s2 a{
            color: gray;
        }
        .new .n2 ul li:first-child a{
            color: red;
            font-size: 14px;
            font-weight: 700;
        }
        .new .n2 ul li{
            border-bottom:1px dashed gray;
            padding: 5px;
        }
        .new .n2 ul li a{
            color: gray;
        }
        .new .n3 .s3{
            height: 130px;
            width: 260px;
            margin: auto;
            background-color: rgb(255, 255, 255);
        }
        .new .n3 .s3 ul li a{
            color: gray;
            font-size: 14px;
            background: url(images/sbg.png) no-repeat left ;
            padding: 10px;
        }
        .new .n3 .s4{
            height: 50px;
            width: 260px;
            margin: auto;
            background-color: rgb(255, 255, 255);
        }
        .new .n3 .s4 a{
            color: gray;
            font-size: 14px;
        }
        .n1 .s1{
            width: 230px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .new .n2{
            height: 230px;
            width: 370px;
            background-color: #ffffff;
        }
        .new .n3{
            height: 230px;
            width: 300px;
            background-color: #ffffff;
        }
        .end{
            height: 450px;
            background-color: rgb(51, 49, 49);
        }
        .end .f1{
            width: 985px;
            margin: auto;
            display: flex;
            justify-content: space-between;
            margin-bottom: 150px;
        }
        .end .f1 ul li a{
            color: #b3b3b3;
            font-size: 12px;
            margin-bottom: 5px;
        }
        .end .f1 ul li:first-child{
            margin-bottom: 15px;
        }
        .end .f1 ul li:first-child a{
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
        }
        .end .f2{
            text-align: center;
            border-top:1px dashed white;
        }
 
    </style>
</head>
<body>
    <div class="top">
        <div class="logo">
        <div>
            <img src="images/logo.png" alt="#">
        </div>
        <div>
            <img src="images/search.png" alt="#">
        </div>
        </div>
        <div class="nav">
            <ul>
               <li><a href="#">首 页</a></li>
               <li><a href="#">智能手机</a></li>
               <li><a href="#">平板电脑</a></li>
               <li><a href="#">配件</a></li>
               <li><a href="#">服务支持</a></li>
               <li><a href="#">关于尚合</a></li>
            </ul>
        </div>
        <div class="img1">
            <img src="images/banner.png" alt="#">
        </div>
        <div class="d1">
            <div>
                最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方
            </div>
            <div>
                <img src="images/share.png" alt="#">
            </div>
        </div>
        <div class="new">
            <div class="n1">
                <p class="t">新品发布</p>
                <div class="s1">
                    <div><img src="images/left_icon.png" alt="#"></div>
                    <div><img src="images/shouji.png" alt="#"></div>
                    <div><img src="images/right_icon.png" alt="#"></div>
                </div>
            </div>
            <div class="n2">
                    <div class="s2">
                        <p class="t">新闻中心</p>
                        <a href="#">更多</a>
                    </div>
                        <ul>
                            <li><a href="#">致歉公告</a></li>
                            <li><a href="#">首批尚合Aonet已全部售馨!</a></li>
                            <li><a href="#">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
                            <li><a href="#">我司产品已经通过了国家强制性产品3C认证</a></li>
                            <li><a href="#">尚合Aone智能手机入网证已经获工信部门审批下发.</a></li>
                            <li><a href="#">我司通过ISO9001:2008国际质量管理体系认证.</a></li>
                        </ul>
            </div>
            <div class="n3">
                <p class="t">技术与支持</p>
                <div class="s3">
                    <ul>
                        <li><a href="#">售后服务</a></li>
                        <li><a href="#">投诉与建议</a></li>
                        <li><a href="#">联保网点</a></li>
                        <li><a href="#">常见问题FAQ？</a></li>
                    </ul>
                </div>
                <div class="s4">
                    <a href="#">
                        深圳市汇聚众合科技发展有限公司
                    </a>
                    <a href="#">
                        服务热线：400-633-7922
                    </a>
                </div>
            </div>
        </div>
        <div class="end">
            <div class="f1">
                <ul>
                    <li><a href="#">尚合首页</a></li>
                    <li><a href="#">返回首页</a></li>
                </ul>
                <ul>
                    <li><a href="#">智能手机</a></li>
                    <li><a href="#">Aone-T</a></li>
                    <li><a href="#">Aone</a></li>
                </ul>
                <ul>
                   <li><a href="#">平板电脑</a></li>
                   <li><a href="#">尚PAD S200</a></li>
                   <li><a href="#">尚PAD S100</a></li>
                   <li><a href="#">尚PAD SH-Q7</a></li>
                   <li><a href="#">尚PAD SH-Q5</a></li>
                </ul>
                <ul>
                    <li><a href="#">配件中心</a></li>
                    <li><a href="#">Aone 智能手机</a></li>
                </ul>
                <ul>
                    <li><a href="#">服务与支持</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">投诉与建议</a></li>
                    <li><a href="#">联保网点</a></li>
                    <li><a href="#">常见问题FAQ</a></li>
                    <li><a href="#">订单查询</a></li>
                    <li><a href="#">下载专区</a></li>
                </ul>
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">企业文化</a></li>
                    <li><a href="#">工作机会</a></li>
                    <li><a href="#">法律声明</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <li><a href="#">新闻中心</a></li>
                    <li><a href="#">公司新闻</a></li>
                    <li><a href="#">媒体报导</a></li>
                    <li><a href="#">行业动态</a></li>
                </ul>
                <ul>
                    <li><a href="#">常用链接</a></li>
                    <li><a href="#">百度</a></li>
                    <li><a href="#">Google</a></li>
                    <li><a href="#">新浪微博</a></li>
                </ul>
                <div>
                    <img src="images/top.png" alt="#">
                </div>
            </div>
            <div class="f2">
                    <p>
                        2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922
                    </p>
                    <p>
                        经营许可证编号：粤ICP备11077821号-1
                    </p>
                    <img src="images/bottom_logo.png" alt="#">
            </div>
        </div>
    </div>
</body>
</html>